<template>
  <div @click="bannerClick">
      <div class="editbanner">
          <span>{{left}}</span>
          <span><slot name="right"></slot></span>
      </div>
  </div>
</template>

<script>
export default {
    props:['left'],
    methods: {
      bannerClick () {
        this.$emit('bannerClick')
      }
    }
}
</script>
<style lang="stylus" scoped>
  .editbanner
    align-items center
    border-bottom 0.2778vw solid #eee
    background-color white
    padding 4.1667vw
    font-size 3.8889vw
    color #333
    display flex
    justify-content space-between
</style>